ExtJS এমন একটি ফ্রন্টএন্ড ফ্রেমওয়ার্ক যা আর্কিটেকচারাল প্যাটার্ন ব্যবহার করে অ্যাপ্লিকেশন তৈরি করতে সাহায্য করে। এটি বিশেষত MVC (Model-View-Controller) এবং MVVM (Model-View-ViewModel) আর্কিটেকচার সাপোর্ট করে। এর ফলে অ্যাপ্লিকেশন কাঠামোগত, স্কেলেবল, এবং রক্ষণাবেক্ষণযোগ্য হয়।
ExtJS এর আর্কিটেকচার এমনভাবে ডিজাইন করা হয়েছে যাতে ডেভেলপাররা ডেটা মডেল, ইউজার ইন্টারফেস, এবং লজিক্যাল কন্ট্রোলারকে আলাদা করে পরিচালনা করতে পারে। এটি প্রধানত তিনটি স্তরে বিভক্ত:
MVC (Model-View-Controller) একটি ডিজাইন প্যাটার্ন যা অ্যাপ্লিকেশনকে তিনটি অংশে বিভক্ত করে। এর ফলে কোডের জটিলতা কমে এবং এটি সহজে পরিচালনাযোগ্য হয়।
উদাহরণ:
Ext.define('MyApp.model.User', {
extend: 'Ext.data.Model',
fields: ['id', 'name', 'email']
});
উদাহরণ:
Ext.define('MyApp.view.UserList', {
extend: 'Ext.grid.Panel',
title: 'User List',
store: 'Users',
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Email', dataIndex: 'email' }
]
});
উদাহরণ:
Ext.define('MyApp.controller.User', {
extend: 'Ext.app.Controller',
init: function() {
this.control({
'userlist': {
itemclick: this.onUserClick
}
});
},
onUserClick: function(grid, record) {
console.log('User selected:', record.get('name'));
}
});
ExtJS এর আর্কিটেকচার এবং MVC প্যাটার্ন ডেভেলপারদের একটি পরিষ্কার এবং কাঠামোবদ্ধ অ্যাপ্লিকেশন তৈরি করতে সাহায্য করে। এটি বড় স্কেল এবং জটিল অ্যাপ্লিকেশন ডেভেলপমেন্টে অত্যন্ত কার্যকর।
common.read_more